<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="jakarta.tags.core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <base href="${ctx}/">
    <title>科目列表</title>

    <link rel="stylesheet" href="assets/lib/layui/css/layui.css">
    <link rel="stylesheet" href="assets/modules/subject/css/list.css">

    <script src="assets/lib/jquery/jquery-3.7.1.min.js"></script>
    <script src="assets/lib/layui/layui.js"></script>

    <script>
        const ctx = "${ctx}";
        let currentPage = 1;//当前页
        let pages = 0;//总页数
    </script>

    <script src="assets/modules/subject/js/list.js"></script>
</head>
<body>

<div class="search">
    <form id="search-form" action="">
        <div>
            <label for="name">学科名：</label>
            <input id="name" type="text" name="name" placeholder="请输入学科名" autocomplete="off">
        </div>
        <div class="action">
            <button type="button" id="search">查询</button>
            <button type="button" id="add">新增</button>
        </div>
    </form>
</div>

<%--按钮区--%>
<%--<div class="action">--%>
<%--    <button type="button" id="search">查询</button>--%>

<%--    <button type="button" id="edit">修改</button>--%>
<%--    <button type="button" id="del">删除</button>--%>

<%--    <button type="button" id="add">新增</button>--%>
<%--</div>--%>

<table id="tbl">
    <thead>
    <tr>
        <th>ID</th>
        <th>科目</th>
        <th>备注</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
</table>

<%--分页条--%>
<div class="paginate-div">
    <div>
        <span>总记录数：<i class="total"></i></span>
        <span>总页数：<i class="pages"></i></span>
    </div>
    <ul class="paginate">
        <li class="first"><a href="javascript:void(0)">首页</a></li>
        <li class="prev"><a href="#">上一页</a></li>

        <li class="next"><a href="#">下一页</a></li>
        <li class="last"><a href="#">尾页</a></li>
    </ul>
</div>
</body>
</html>
